<!DOCTYPE html>
<html>
  {% load static %} 
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>GoodApk</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.7.2/css/all.css"  crossorigin="anonymous">
    <!-- Google fonts - Popppins for copy-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,800">
    <!-- orion icons-->
    <link rel="stylesheet" href="{% static "css/orionicons.css" %}">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="{% static "css/style.default.css" %}" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="{% static "css/custom.css" %}">
    <!-- Favicon-->
    <link rel="shortcut icon" href="{% static "img/bg.png" %}">
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  </head>
  <body>
    <!-- navbar-->
    <header class="header">
      <nav class="navbar navbar-expand-lg px-4 py-2 bg-white shadow"><a href="#" class="sidebar-toggler text-gray-500 mr-4 mr-lg-5 lead"><i class="fas fa-align-left"></i></a><a href="/index/" class="navbar-brand font-weight-bold text-uppercase text-base">GoodApk安卓应用检测平台</a>
        <ul class="ml-auto d-flex align-items-center list-unstyled mb-0">
          <li class="nav-item">
            <form id="searchForm" class="ml-auto d-none d-lg-block">
              <div class="form-group position-relative mb-0">
                <button type="submit" style="top: -3px; left: 0;" class="position-absolute bg-white border-0 p-0"><i class="o-search-magnify-1 text-gray text-lg"></i></button>
                <input type="search" placeholder="Search ..." class="form-control form-control-sm border-0 no-shadow pl-4">
              </div>
            </form>
          </li>
          <li class="nav-item dropdown mr-3"><a id="notifications" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle text-gray-400 px-1"><i class="fa fa-bell"></i><span class="notification-icon"></span></a>
            <div aria-labelledby="notifications" class="dropdown-menu"><a href="#" class="dropdown-item"> 
                <div class="d-flex align-items-center">
                  <div class="icon icon-sm bg-green text-white"><i class="fas fa-envelope"></i></div>
                  <div class="text ml-2">
                    <p class="mb-0">你有6条新消息</p>
                  </div>
                </div></a><a href="#" class="dropdown-item">
                <div class="d-flex align-items-center">
                  <div class="icon icon-sm bg-blue text-white"><i class="fas fa-upload"></i></div>
                  <div class="text ml-2">
                    <p class="mb-0">服务重启</p>
                  </div>
                </div></a>
              <div class="dropdown-divider"></div><a href="#" class="dropdown-item text-center"><small class="font-weight-bold headings-font-family text-uppercase">查看所有公告</small></a>
            </div>
          </li>
          <li class="nav-item dropdown ml-auto"><a id="userInfo" href="http://example.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle"><img src="{% static "img/user.jpg" %}" alt="Chang Le" style="max-width: 2.5rem;" class="img-fluid rounded-circle shadow"></a>
            <div aria-labelledby="userInfo" class="dropdown-menu"><a href="#" class="dropdown-item"><strong class="d-block text-uppercase headings-font-family">Chang Le</strong><small>Fighting!!!</small></a>
              <div class="dropdown-divider"></div><a href="#" class="dropdown-item">设置</a><a href="#" class="dropdown-item">活动日志</a>
              <div class="dropdown-divider"></div><a href="/login/" class="dropdown-item">退出账号</a>
            </div>
          </li>
        </ul>
      </nav>
    </header>
    <div class="d-flex align-items-stretch">
      <div id="sidebar" class="sidebar py-3">
        <div class="text-gray-400 text-uppercase px-3 px-lg-4 py-4 font-weight-bold small headings-font-family">常用</div>
        <ul class="sidebar-menu list-unstyled">
              <li class="sidebar-list-item"><a href="/index/" class="sidebar-link text-muted active"><i class="o-home-1 mr-3 text-gray"></i><span>首页介绍</span></a></li>
              <li class="sidebar-list-item"><a href="/upload/" class="sidebar-link text-muted"><i class="o-survey-1 mr-3 text-gray"></i><span>应用检测</span></a></li>
        </ul>
        <div class="text-gray-400 text-uppercase px-3 px-lg-4 py-4 font-weight-bold small headings-font-family">更多</div>
        <ul class="sidebar-menu list-unstyled">
              <li class="sidebar-list-item"><a href="/login/" class="sidebar-link text-muted"><i class="o-exit-1 mr-3 text-gray"></i><span>注销</span></a></li>
        </ul>
    </div>  
    <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">
          <section class="py-5">
            <div class="row text-dark">
              <div class="col-lg-4 mb-4 mb-lg-0">
                <div class="card rounded credit-card" id="pic1">
                  <div class="content d-flex flex-column justify-content-between p-4">
                    <h1 class="mb-5"></h1>
                    <div class="d-flex justify-content-between align-items-end pt-3">
                      <div class="text-uppercase">
                        <div class="font-weight-bold d-block" style="font-size:1.5rem">图片文字提取</div><small class="text-dark" style="font-size:1rem">基于CRNN实现的文字识别</small>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 mb-4 mb-lg-0">
                <div class="card rounded credit-card" id="pic2">
                  <div class="content d-flex flex-column justify-content-between p-4">
                    <h1 class="mb-5"></h1>
                    <div class="d-flex justify-content-between align-items-end pt-3">
                      <div class="text-uppercase">
                        <div class="font-weight-bold d-block text-gray-500" style="font-size:1.5rem">违规信息识别</div><small class="text-gray" style="font-size:1rem">超大敏感词库比对</small>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-4 mb-4 mb-lg-0">
                <div class="card rounded credit-card" id="pic3">
                  <div class="content d-flex flex-column justify-content-between p-4">
                    <h1 class="mb-5"></h1>
                    <div class="d-flex justify-content-between align-items-end pt-3">
                      <div class="text-uppercase">
                        <div class="font-weight-bold d-block text-white" style="font-size:1.5rem">Apk应用检测</div><small class="text-gray" style="font-size:1rem">好应用才有好市场</small>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <section class="py-5">
            <div class="row">
              <div class="col-lg-12"><a href="#" class="message card px-5 py-3 mb-4 bg-hover-gradient-primary no-anchor-style">
                  <div class="row">
                    <div class="col-lg-3 d-flex align-items-center flex-column flex-lg-row text-center text-md-left"><img src="{% static "img/user.jpg" %}" alt="..." style="max-width: 3rem" class="rounded-circle mx-3 my-2 my-lg-0">
                      <h6 class="mb-0">CX Studio</h6>
                    </div>
                    <div class="col-lg-9 d-flex align-items-center flex-column flex-lg-row text-center text-md-left">
                      <div class="bg-gray-100 roundy px-4 py-1 mr-0 mr-lg-3 mt-2 mt-lg-0 text-dark exclode">联系我们：12345678910</div>
                      <p class="mb-0 mt-3 mt-lg-0">甘肃省 兰州市 榆中县 兰州大学（榆中校区） 信息科学与工程学院</p>
                    </div>
                  </div></a></div>
            </div>
          </section>
        </div>
        <footer class="footer bg-white shadow align-self-end py-3 px-xl-5 w-100">
          <div class="container-fluid">
            <div class="row">
              <div class="col-md-6 text-center text-md-left text-primary">
                <p class="mb-2 mb-md-0"></p>
              </div>
              <div class="col-md-6 text-center text-md-right text-gray-400">
                <p class="mb-0">Copyright &copy; 2019.Chang Le All rights reserved.More Infomation <a href="https://www.github.com/ITAndyoo" target="_blank" title="lzu">Github</a></p>
              </div>
            </div>
          </div>
        </footer>
      </div>
    </div>
    <!-- JavaScript files-->
    <script src="{% static "/vendor/jquery/jquery.min.js" %}"></script>
    <script>
      $('#pic1').css('background-image','url({% static "/img/word.jpg" %})')
      $('#pic2').css('background-image','url({% static "/img/security.jpg" %})')
      $('#pic3').css('background-image','url({% static "/img/goodapk.jpg" %})')
    </script>
    <script src="{% static "vendor/popper.js/umd/popper.min.js" %}"> </script>
    <script src="{% static "vendor/bootstrap/js/bootstrap.min.js" %}"></script>
    <script src="{% static "vendor/jquery.cookie/jquery.cookie.js" %}"> </script>
    <!-- <script src="{% static "vendor/chart.js/Chart.min.js" %}"></script> -->
    <script src="{% static "js/js.cookie.min.js" %}"></script>
    <!-- <script src="{% static "js/charts-home.js" %}"></script> -->
    <script src="{% static "js/front.js" %}"></script>
  </body>
</html>
